<template>
    <div>
        <p>中国各省份人口流向统计系统（数字大屏）</p>
  <grid style="margin-top: 15px;"></grid>
    </div>
    </template>
    <script>
    // import change from './change.vue';
    import grid from './grid.vue';
    export default{
        data(){
            return{
                city:['北京','上海','广州','深圳']
            }
        },
        components:{
            // enterChange
grid
        }
    }
    </script>
    <style scoped lang="scss">
    *{
        color: white;
    }
    p{
        font-size: 36px;
        font-weight: 600;
        margin-left: 570px;
        margin-top: -4px;
    }
.container{
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    /* border: 1px solid red; */
    margin-left: 230px;
    width: 80%;
}
.city{
   margin-top: -33px;
    //  border: black 1px solid; 
    width: 100px; 
}
</style>